<x-layout
  title="Mollenhauer"
  swiper="true"
  toggleBySwipe="true"
  mouseParallax="false"
  scrollTimeline="true"
>
  <push name="styles"></push>
  <push name="scripts">
    <script src="./scripts/scripts.js" defer></script>
  </push>

  <fill:header></fill:header>

  <section id="hero">
    <x-img source="./images/hero_bg.jpg" alt="" webp avif> </x-img>

    <first-block>
      <h1>Civil <b>Engineering Solutions</b> For The <b>Cement</b> Industry</h1>
      <p>
        We are your leading partner for complex brownfield construction projects
        during ongoing operation.
        <br /><br />
        Benefit from engineering excellence built on more than 30 years of
        industry experience.
      </p>
      <footer>
        <button type="button">How can we serve you</button>
        <button type="button">Contact Us</button>
      </footer>
    </first-block>

    <second-block>
      <img src="./images/bg_words.svg" alt="" />
    </second-block>

    <text-block>
      <h2>Comprehensive Structural Engineering Services</h2>
      <p>
        We accompany you from the first idea of your next construction project
        from the first idea to successful execution.
      </p>
    </text-block>

    <plan-element>
      <x-img
        source="./images/attractive_plan.png"
        loading="lazy"
        alt="plan"
        webp
        avif
      >
      </x-img>
    </plan-element>

    <formula-element>
      <x-img
        source="./images/attractive_formula.png"
        loading="lazy"
        alt="formula"
        webp
        avif
      >
      </x-img>
    </formula-element>

    <scroll-below-block>
      <span> Scroll to find out how our expertise can help you </span>
    </scroll-below-block>

    <attractive-decor>
      <img src="./images/attractive_decor_triangle.svg" alt="" loading="lazy" />
    </attractive-decor>

    <attractive-mobile-decor>
      <img src="./images/attractive_decor_mobile_triangle.svg" alt="" />
    </attractive-mobile-decor>
  </section>

  <section id="experience">
    <hgroup>
      <h2>
        Broad expertise based on <br />
        decades of experience
      </h2>
      <p>
        Our services include all types of construction projects that you
        encounter.
      </p>
    </hgroup>

    <section>
      <ol>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
        <li>
          <header></header>

          <x-img
            source="./images/experience_bg.jpg"
            loading="lazy"
            alt=""
            avif
            webp
          >
          </x-img>

          <p>
            Assesments, building inspection, concrete maintenance and repair
          </p>
        </li>
      </ol>
    </section>
  </section>

  <section id="benefits">
    <h2>Benefit from Decades of Life Cycle Know How</h2>

    <p>
      Our decade-long permanent presence on cement plants helps us to design
      buildings today that will be ready for whatever tomorrow brings. With our
      comprehensive planning methodology and building life cycle experience we
      anticipate use changes, unexpected utilisation and lifetime expositions
      early on during planning. This allows us to design buildings that are
      flexible, long-lasting, and economically efficient.
    </p>
  </section>

  <section id="planning">
    <swiper-slider class="swiper" id="planning-slider">
      <div class="swiper-wrapper">
        <swiper-slide class="swiper-slide" data-hash="slide-1">
          <x-img
            source="./images/plan-slide.jpg"
            loading="lazy"
            alt=""
            webp
            avif
          >
          </x-img>
        </swiper-slide>

        <swiper-slide class="swiper-slide" data-hash="slide-2">
          <x-img
            source="./images/plan-slide.jpg"
            loading="lazy"
            alt=""
            webp
            avif
          >
          </x-img>
        </swiper-slide>

        <swiper-slide class="swiper-slide" data-hash="slide-3">
          <x-img
            source="./images/plan-slide.jpg"
            loading="lazy"
            alt=""
            webp
            avif
          >
          </x-img>
        </swiper-slide>

        <swiper-slide class="swiper-slide" data-hash="slide-4">
          <x-img
            source="./images/plan-slide.jpg"
            loading="lazy"
            alt=""
            webp
            avif
          >
          </x-img>
        </swiper-slide>

        <swiper-slide class="swiper-slide" data-hash="slide-5">
          <x-img
            source="./images/plan-slide.jpg"
            loading="lazy"
            alt=""
            webp
            avif
          >
          </x-img>
        </swiper-slide>
      </div>
    </swiper-slider>

    <pagination-block>
      <ol hidden>
        <li>
          <header></header>
          <a href="#slide-1" target="_self" rel="noreferrer">
            Comprehensive planning methodology includes life-cycle know how
          </a>
        </li>

        <li>
          <header></header>
          <a href="#slide-2" target="_self" rel="noreferrer">
            Greenfield. Brownfield. Ongoing Operation.
          </a>
        </li>

        <li>
          <header></header>
          <a href="#slide-3" target="_self" rel="noreferrer">
            Greenfield. Brownfield. Ongoing Operation.
          </a>
        </li>

        <li>
          <header></header>
          <a href="#slide-4" target="_self" rel="noreferrer">
            Greenfield. Brownfield. Ongoing Operation.
          </a>
        </li>

        <li>
          <header></header>
          <a href="#slide-5" target="_self" rel="noreferrer">
            Greenfield. Brownfield. Ongoing Operation.
          </a>
        </li>
      </ol>

      <!-- For slider only -->
      <ol id="planning-slider-pag"></ol>
    </pagination-block>

    <buttons-block>
      <button type="button" id="planning-slider-prev">
        <svg
          width="72"
          height="73"
          viewBox="0 0 72 73"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <rect y="0.626221" width="71.5" height="71.5" fill="#06255B" />
          <path
            d="M37 29.6262L29.1685 36.4788C29.0793 36.5568 29.0793 36.6956 29.1685 36.7736L37 43.6262"
            stroke="#F7F9FC"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>

      <button type="button" id="planning-slider-next">
        <svg
          width="72"
          height="73"
          viewBox="0 0 72 73"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <rect
            x="0.5"
            y="0.626221"
            width="71.5"
            height="71.5"
            fill="#DA5D24"
          />
          <path
            d="M33 29.6262L39.8615 36.4877C39.938 36.5642 39.938 36.6882 39.8615 36.7647L33 43.6262"
            stroke="#F7F9FC"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>
    </buttons-block>

    <swiper-slider class="swiper" id="planning-slider-text">
      <div class="swiper-wrapper">
        <swiper-slide class="swiper-slide">
          <hgroup>
            <h3
              data-swiper-parallax="-100"
              data-swiper-parallax-duration="1000"
            >
              Comprehensive planning methodology includes life-cycle know how
            </h3>

            <p data-swiper-parallax="-100" data-swiper-parallax-duration="1000">
              Our decade-long permanent presence on cement plants allows us to
              anticipate use changes, unexpected utilisation and lifetime
              expositions early on during planning. This allows us to design
              buildings that are flexible, long-lasting and economically
              efficient.
            </p>
          </hgroup>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <hgroup>
            <h3
              data-swiper-parallax="-100"
              data-swiper-parallax-duration="1000"
            >
              Comprehensive planning methodology includes life-cycle know how
            </h3>

            <p data-swiper-parallax="-100" data-swiper-parallax-duration="1000">
              Our decade-long permanent presence on cement plants allows us to
              anticipate use changes, unexpected utilisation and lifetime
              expositions early on during planning. This allows us to design
              buildings that are flexible, long-lasting and economically
              efficient.
            </p>
          </hgroup>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <hgroup>
            <h3
              data-swiper-parallax="-100"
              data-swiper-parallax-duration="1000"
            >
              Comprehensive planning methodology includes life-cycle know how
            </h3>

            <p data-swiper-parallax="-100" data-swiper-parallax-duration="1000">
              Our decade-long permanent presence on cement plants allows us to
              anticipate use changes, unexpected utilisation and lifetime
              expositions early on during planning. This allows us to design
              buildings that are flexible, long-lasting and economically
              efficient.
            </p>
          </hgroup>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <hgroup>
            <h3
              data-swiper-parallax="-100"
              data-swiper-parallax-duration="1000"
            >
              Comprehensive planning methodology includes life-cycle know how
            </h3>

            <p data-swiper-parallax="-100" data-swiper-parallax-duration="1000">
              Our decade-long permanent presence on cement plants allows us to
              anticipate use changes, unexpected utilisation and lifetime
              expositions early on during planning. This allows us to design
              buildings that are flexible, long-lasting and economically
              efficient.
            </p>
          </hgroup>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <hgroup>
            <h3
              data-swiper-parallax="-100"
              data-swiper-parallax-duration="1000"
            >
              Comprehensive planning methodology includes life-cycle know how
            </h3>

            <p data-swiper-parallax="-100" data-swiper-parallax-duration="1000">
              Our decade-long permanent presence on cement plants allows us to
              anticipate use changes, unexpected utilisation and lifetime
              expositions early on during planning. This allows us to design
              buildings that are flexible, long-lasting and economically
              efficient.
            </p>
          </hgroup>
        </swiper-slide>
      </div>
    </swiper-slider>
  </section>

  <section id="players">
    <h2>
      Key Players in the cement <br />
      industry trust us.
    </h2>

    <slider-wrapper>
      <button type="button" id="players-slider-prev">
        <svg
          width="9"
          height="17"
          viewBox="0 0 9 17"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8 1.7998L1.13852 8.66129C1.06202 8.73779 1.06202 8.86182 1.13852 8.93832L8 15.7998"
            stroke="#4A4B4E"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>

      <swiper-slider class="swiper" id="players-slider">
        <div class="swiper-wrapper">
          <swiper-slide class="swiper-slide">
            <image-wrapper>
              <img src="./images/players/one.svg" alt="" />
            </image-wrapper>
          </swiper-slide>

          <swiper-slide class="swiper-slide">
            <image-wrapper>
              <img src="./images/players/two.svg" alt="" />
            </image-wrapper>
          </swiper-slide>

          <swiper-slide class="swiper-slide">
            <image-wrapper>
              <img src="./images/players/3.svg" alt="" />
            </image-wrapper>
          </swiper-slide>

          <swiper-slide class="swiper-slide">
            <image-wrapper>
              <img src="./images/players/4.svg" alt="" />
            </image-wrapper>
          </swiper-slide>

          <swiper-slide class="swiper-slide">
            <image-wrapper>
              <img src="./images/players/two.svg" alt="" />
            </image-wrapper>
          </swiper-slide>
        </div>
      </swiper-slider>

      <button type="button" id="players-slider-next">
        <svg
          width="9"
          height="17"
          viewBox="0 0 9 17"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M1 1.8042L7.86148 8.66568C7.93798 8.74218 7.93798 8.86622 7.86148 8.94272L1 15.8042"
            stroke="#4A4B4E"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>
    </slider-wrapper>
  </section>

  <section id="reviews">
    <hgroup>
      <h2>What clients say.</h2>
      <p>
        Aenean mauris duis sed congue magna scelerisque dolor eget in. Euismod
        eros, in cursus aliquam.
      </p>
    </hgroup>

    <swiper-pagination id="reviews-slider-pag"></swiper-pagination>

    <swiper-slider class="swiper" id="reviews-slider">
      <div class="swiper-wrapper">
        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>

        <swiper-slide class="swiper-slide">
          <blockquote>
            <img src="./images/players/4.svg" alt="" />

            <p>
              Pulvinar nisl nulla elit integer diam maecenas. Mauris nunc at
              arcu urna. Erat quisque neque, a augue lectus vitae faucibus
              facilisi. Aenean mauris duis sed congue magna scelerisque dolor
              eget in. Euismod eros, in cursus aliquam. Suspendisse odio est
              nullam vulputate quis nam ultricies.
            </p>

            <footer>
              <strong>Jack Carty</strong>
              <small>SEO</small>
            </footer>
          </blockquote>
        </swiper-slide>
      </div>
    </swiper-slider>

    <buttons-block>
      <button type="button" id="reviews-slider-prev">
        <svg
          width="72"
          height="73"
          viewBox="0 0 72 73"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <rect y="0.799805" width="71.5" height="72" fill="#06255B" />
          <path
            d="M37 30.0024L29.1668 36.9044C29.0783 36.9824 29.0783 37.1204 29.1668 37.1984L37 44.1003"
            stroke="#F7F9FC"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>

      <button type="button" id="reviews-slider-next">
        <svg
          width="72"
          height="73"
          viewBox="0 0 72 73"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <rect x="0.5" y="0.799805" width="71.5" height="72" fill="#DA5D24" />
          <path
            d="M33 30.0024L39.8629 36.9134C39.9388 36.9897 39.9388 37.113 39.8629 37.1894L33 44.1003"
            stroke="#F7F9FC"
            stroke-width="2"
            stroke-linecap="round"
          />
        </svg>
      </button>
    </buttons-block>

    <reviews-decor>
      <img src="./images/attractive_decor_2.svg" alt="" />
    </reviews-decor>
  </section>

  <section id="advantages">
    <first-block>
      <small>Holistic. Agile. Reliable</small>

      <p>
        With this triad we line up to support you to realize your projects
        successfully.
      </p>

      <svg
        width="37"
        height="23"
        viewBox="0 0 37 23"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M36.0607 12.8605C36.6464 12.2747 36.6464 11.3249 36.0607 10.7391L26.5147 1.1932C25.9289 0.607414 24.9792 0.607414 24.3934 1.1932C23.8076 1.77899 23.8076 2.72873 24.3934 3.31452L32.8787 11.7998L24.3934 20.2851C23.8076 20.8709 23.8076 21.8206 24.3934 22.4064C24.9792 22.9922 25.9289 22.9922 26.5147 22.4064L36.0607 12.8605ZM1.31134e-07 13.2998L35 13.2998L35 10.2998L-1.31134e-07 10.2998L1.31134e-07 13.2998Z"
          fill="#FF7C40"
        />
      </svg>
    </first-block>

    <p>
      Today’s construction projects are notable for the diversity of their
      requirements. While you want your buildings to be safe, economical, and
      durable, they primarily serve your operations. Our deep industry knowledge
      helps to optimally incorporate the variety of usage requirements of the
      cement production processes into civil design.
      <br /><br />
      We constantly achieve client success by following these three core values
      for all projects our clients trust us with.
    </p>

    <advantages-article role="article">
      <h3>
        Holistic <br />
        planning
      </h3>

      <p>
        Through continuous consideration of all circumstances, we create
        futureproof buildings and frictionless construction workflows.
        Systematic implementation of this holistic approach helps us to keep the
        bird’s-eye view over all interfaces. We are proactively making sure that
        all included parties can focus on working towards the optimal project
        result.
      </p>
    </advantages-article>

    <advantages-article role="article">
      <h3>
        Holistic <br />
        planning
      </h3>

      <p>
        Through continuous consideration of all circumstances, we create
        futureproof buildings and frictionless construction workflows.
        Systematic implementation of this holistic approach helps us to keep the
        bird’s-eye view over all interfaces. We are proactively making sure that
        all included parties can focus on working towards the optimal project
        result.
      </p>
    </advantages-article>

    <advantages-article role="article">
      <h3>
        Holistic <br />
        planning
      </h3>

      <p>
        Through continuous consideration of all circumstances, we create
        futureproof buildings and frictionless construction workflows.
        Systematic implementation of this holistic approach helps us to keep the
        bird’s-eye view over all interfaces. We are proactively making sure that
        all included parties can focus on working towards the optimal project
        result.
      </p>
    </advantages-article>
  </section>

  <section id="team">
    <hgroup>
      <h2>Meet the Team</h2>
      <small>
        These are the experts that turn <br />
        ideas into reality
      </small>
    </hgroup>

    <team-grid>
      <section>
        <aside>Leadership Team</aside>

        <big-teammate-card role="article">
          <x-img
            source="./images/main_one.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <main-content>
            <strong>Tim-Nicolas Mollenhauer</strong>

            <aside>CEO</aside>

            <p>
              Viverra in turpis vitae tincidunt. Odio nunc netus consectetur
              libero duis. Est quis vitae, sed egestas vehicula.
            </p>

            <footer>
              <a href="#" target="_self" rel="noreferrer">
                <img src="./images/icons/linkedin.svg" alt="Me on linkedin" />
              </a>
            </footer>
          </main-content>
        </big-teammate-card>

        <big-teammate-card role="article">
          <x-img
            source="./images/main_two.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>
          <main-content>
            <strong>Klaus-Dieter Mollenhauer</strong>

            <aside>Creative Director</aside>

            <p>
              Viverra in turpis vitae tincidunt. Odio nunc netus consectetur
              libero duis. Est quis vitae, sed egestas vehicula.
            </p>

            <footer>
              <a href="#" target="_self" rel="noreferrer">
                <img src="./images/icons/linkedin.svg" alt="Me on linkedin" />
              </a>
            </footer>
          </main-content>
        </big-teammate-card>
      </section>

      <section>
        <aside>Engineers</aside>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_2.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_3.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_2.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_you.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>
            You?
            <a href="#" target="_self" rel="noreferrer">Apply Now </a>
          </strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>
      </section>

      <section>
        <aside>Technical staff</aside>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_2.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_3.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_2.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>
      </section>

      <section>
        <aside>Engineering Trainees</aside>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_3.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>

        <teammate-card role="article">
          <x-img
            source="./images/team_human_2.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>
      </section>

      <section>
        <aside>Other Team Members</aside>

        <teammate-card role="article">
          <x-img
            source="./images/team_human.jpg"
            loading="lazy"
            alt="Bernhard Meyer"
            webp
            avif
          >
          </x-img>

          <strong>Bernhard Meyer</strong>

          <p>Senior Steel Structures Engineer</p>
        </teammate-card>
      </section>
    </team-grid>
  </section>

  <fill:footer></fill:footer>
</x-layout>